<#compress>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,  user-scalable=0;" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style"  />
    <meta content="telephone=no" name="format-detection" />
    <link href="${ctx}/static/mobileweb/scripts/photoswipe/photoswipe.css" type="text/css" rel="stylesheet" />

    <link rel="stylesheet" href="${ctx}/static/mobileweb/1/css/common_ba.css?_=${.now?string('yyyy-MM-dd')}"/>
    <style type="text/css">

        .tipsDiv{ width:100%; height:40px; background:#769CDC; color:#fff; text-align:center; line-height:40px;font-size:90%; clear:both; overflow:hidden;}
        .tipsDiv span{ float:right; margin-right:12%;}
        .tipsDiv span img{ width:18px; vertical-align:middle;}

        /*div.fl a { display: inline-block; text-align: center; line-height: 200%; -webkit-box-shadow: 0 1px 3px #aaa; -moz-box-shadow: 0 1px 3px #aaa; box-shadow: 0 1px 3px #aaa; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; font-size: 0;}
        div.fl a img{ -webkit-border-radius : 31px; -moz-border-radius : 31px; border-radius : 31px; -webkit-background-clip : padding-box; -moz-background-clip : padding-box; background-clip : padding-box; width : 62px; height : 62px; }*/

        div.fl a { display: inline-block; text-align: center; line-height: 200%; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; font-size: 0;}
        div.fl a img{ -webkit-border-radius : 31px; -moz-border-radius : 5px;border:1.5px solid #fdaa62; border-radius:5px; width : 62px; height : 62px; }
    </style>
    <title><#if record??>
            ${record.activityName!}
        <#else>
            活动分享
    </#if>
    </title>
</head>
<body>
<#--<img src="${domain!}/static/mobileweb/1/images/advimg02.jpg"/>-->
<#--<#if record??>
    <#if record.logo??>
        <img src="${domain!}/${record.logo!}"/>
    <#else>
        <img src="${domain!}/static/mobileweb/images/logo.png"/>
    </#if>
<#else>
    <img src="${domain!}/static/mobileweb/images/logo.png"/>
</#if>-->

<div class="tipsDiv" id="tipsDiv">
    喜欢这个活动，请点击右上角图标分享
    <span>
        <img src="${ctx}/static/mobileweb/2/images/tipsDivIco.png">
    </span>
</div>
<section>
    <div class="mb10"><img src="${ctx}/static/mobileweb/1/images/advimg02_02.jpg" class="wdh100"/></div>
    <#--<div class="sectionHeader">品牌活动</div>-->
    <div class="shareBox fdshareBox">
        <#if record??>
            <div class="sharelist fdsharelist">
                <div class="fl">
                    <a href="javascript:void(0);">
                        <#if record.logo??>
                            <img src="${ctx}/${record.logo!}"/>
                        <#else>
                            <img src="${ctx}/static/mobileweb/images/logo.png"/>
                        </#if>
                    </a>
                </div>
                <div class="fr">
                    <p class="title">${record.activityName!}</p>
                    <p class="mb10 fs90">${record.activityDescription!}</p>
                    <p class="dishlinks activity_picture">
                        <#if pictures??>
                            <#list pictures as s>
                            <a href="${ctx}/${s!}"><img src="${ctx}/${s!}"/></a>
                            </#list>
                        </#if>
                    </p>
                    <div class="clearfix">
                        <span class="time fs80"><@prettyTime time="${record.activityCreateTime?string('yyyy-MM-dd HH:mm:ss')}"></@prettyTime></span>
                    </div>
                </div>
                <br class="cb"/>
            </div>
        <#else>
            没有相关信息
        </#if>
    </div>
</section>
</body>

<script src="${ctx}/static/mobileweb/scripts/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/photoswipe/simple-inheritance.min.js"></script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/photoswipe/jquery.animate-enhanced.min.js"></script>

<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/photoswipe/code-photoswipe-1.0.11.min.js"></script>

<script>
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');
    });

    $(".activity_picture a").photoSwipe();

    function weixinShareTimeline(title,desc,link,imgUrl){
        if (typeof WeixinJSBridge == "undefined") {
            //alert("请先通过微信搜索 中南城 添加36氪为好友，并通过微信分享。");
        } else {
            // WeixinJSBridge.on('menu:share:timeline', function() {
            WeixinJSBridge.invoke('shareTimeline', {
                "title": title,
                "link": link,
                "desc": desc,
                "img_url": imgUrl
            });
            //});
        }
    }
</script>
</html>
</#compress>